@import './variables.scss';

.el-button{
  padding: 7px 15px 8px 15px !important;
  font-size: 12px !important;
  border-radius: 3px !important;
  outline: none !important; 
  border: none !important;
}


/*黄色警告（一般用于警告）*/
.el-button--warning{
  color: #FFFFFF !important;
  background-color: $yellow !important;
  &:active{
    color: #FFFFFF !important;
    background-color: $yellow !important;
    border-color: $yellow !important;
  }
  &:hover{
    color: #FFFFFF !important;
    background-color: $yellow !important;
    border-color: $yellow !important;
  }
}

/*主题色按钮（一般用于其他操作）*/
.el-button--default,.el-button--primary,.el-button--mini{
  color: #FFFFFF !important;
  background-color: $theme !important;
  &:active{
    color: #FFFFFF !important;
    background-color: $theme !important;
    border-color: $theme !important;
  }
  &:hover{
    color: #FFFFFF !important;
    background-color: $theme !important;
    border-color: $theme !important;
  }
  &:disabled{
    background-color: #69d6dc !important;
    border-color: #69d6dc!important;
  }
}

/*文字按钮*/
.el-button--text{
  color: $theme !important;
  &:active{
    color: $theme !important;
  }
  &:hover{
    color: $theme !important;
  }
}

/*红色按钮（一般用于删除）*/
.el-button--danger {
  color: #FFFFFF !important;
  background-color: #F56C6C !important;
  &:active{
    color: #FFFFFF !important;
    background-color: #F56C6C !important;
    border-color: #F56C6C !important;
  }
  &:hover{
    color: #FFFFFF !important;
    background-color: #F56C6C !important;
    border-color: #F56C6C !important;
  }
  &:disabled{
    background-color: #fdaeae !important;
    border-color: #fdaeae!important;
  }
}

/*红色按钮（一般用于删除）*/
.el-button--warning {
  color: #FFFFFF !important;
  background-color: #e6a23c !important;
  &:active{
    color: #FFFFFF !important;
    background-color: #e6a23c !important;
    border-color: #e6a23c !important;
  }
  &:hover{
    color: #FFFFFF !important;
    background-color: #e6a23c !important;
    border-color: #e6a23c !important;
  }
  &:disabled{
    background-color: #f0d2a6 !important;
    border-color: #f0d2a6 !important;
  }
}

